<template>
    <div>
        <ul class="nav">
            <li :class="{'active':navIndex === 0}"
                @click="navIndex=0">
                <p>特种设备</p>
            </li>
            <li :class="{'active':navIndex === 1}"
                @click="navIndex=1">
                <p>普通设备</p>
            </li>
        </ul>
        <ul class="item-list"
            v-if="navIndex === 0">
            <li>
                <router-link to="equipmentManage">
                    设备台账
                </router-link>
            </li>
            <li>
                <router-link to="/equipmentEnterManage">
                    设备进场管理
                </router-link>
            </li>
            <li>
                <router-link to="/equipmentInstallManage">
                    设备安装管理
                </router-link>
            </li>
            <li>
                <router-link to="/equipmentMaintainManage">
                    设备维保管理
                </router-link>
            </li>
            <li>
                <router-link to="/equipmentClearManage">
                    设备拆除管理
                </router-link>
            </li>
            <li>
                <router-link to="/TZStatisticAnalysis">
                    统计分析
                </router-link>
            </li>
        </ul>
        <ul class="item-list"
            v-else>
            <li>
                <router-link to="/PTEquipmentManage">
                    设备台账
                </router-link>
            </li>
            <li>
                <router-link to="/PTStatisticAnalysis">
                    统计分析
                </router-link>
            </li>
        </ul>
        <button class="code-btn"
                @click="scanQRCode">点击扫描设备上的二维码</button>
        <myMenu></myMenu>
    </div>
</template>
<script>
import myMenu from '@/commonComponents/menu'
export default {
    name: 'equipmentIndex',
    data () {
        return {
            navIndex: 0
        }
    },
    components: {
        myMenu
    },
    created () {
    },
    methods: {
        // getSignature () {
        //     let params = { //  测试代码
        //         'business': 'GetSignature',
        //         'data': {
        //             type: 0,
        //             // url: window.location.href.split('#')[0]
        //             url: 'https://zhaq-sit.bosafe.com'
        //         }
        //     }
        //     this.$axiosAjax.getConfigJson(params).then((res) => {
        //         if (res.data.code === 0) {
        //             wx.config({
        //                 debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        //                 appId: 'wxf873bd7fdb2bd0be', // 必填，公众号的唯一标识
        //                 // appId: res.data.appid,
        //                 timestamp: res.data.timestamp, // 必填，生成签名的时间戳
        //                 nonceStr: res.data.noncestr, // 必填，生成签名的随机串
        //                 signature: res.data.signature, // 必填，签名
        //                 jsApiList: ['scanQRCode', 'chooseImage'] // 必填，需要使用的JS接口列表
        //             })
        //             let This = this
        //             wx.ready(function (res) {
        //                 This.scanQRCode()
        //             })
        //             wx.error(function (res) {
        //                 console.log(res)
        //                 // alert(0)
        //             })
        //         } else {
        //         }
        //     }).catch((res) => {
        //     })
        // },
        scanQRCode () {
            let This = this
            wx.scanQRCode({
                needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
                success: function (res) {
                    var result = res.resultStr // 当needResult 为 1 时，扫码返回的结果
                    This.$router.push({
                        path: '/equipmentDetails',
                        query: {
                            id: JSON.parse(result).ID,
                            haveBtn: true
                        }
                    })
                }
            })
        }
    }
}
</script>
<style scoped lang="less">
.nav {
    display: flex;
    padding-bottom: 5px;
    background: #ebeef3;
    li {
        display: flex;
        justify-content: center;
        flex: 1;
        background: #fff;
        &.active p {
            color: #2269ff;
            border-bottom: 4px solid #2269ff;
        }
    }
    p {
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 18px;
        color: #999;
    }
}
.item-list {
    min-height: 366px;
    padding-left: 20px;
    li a {
        display: block;
        height: 55px;
        line-height: 55px;
        padding-right: 20px;
        border-bottom: 1px solid #efeff4;
        background: url('../../../assets/jinru.png') no-repeat 324px center;
        background-size: 14px 14px;
        font-size: 14px;
        color: #333;
    }
}
.code-btn {
    display: block;
    width: 200px;
    height: 40px;
    background: #2269ff;
    border-radius: 20px;
    color: #fff;
    margin: 50px auto 0;
}
</style>
